<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="/static/img/logo/logo.png" rel="icon">
    <title>Serverless Platform</title>
    <link href="/static/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/ruang-admin.min.css" rel="stylesheet">
    <script src="/static/vendor/jquery/jquery.min.js"></script>
</head>

<body id="page-top">

<div id="editor" style="height: 400px;"></div>
<button type="button" onclick="demo()">Click Me!</button>
<script src="/static/src/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/src/keybinding-vim.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/src/ext-beautify.js" type="text/javascript" charset="utf-8"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/Dreamweaver");
    editor.setKeyboardHandler("ace/keyboard/vim")
    editor.session.setMode("ace/mode/yaml");
    editor.setFontSize(20)
    editor.session.setTabSize(2)

    function demo() {
        v = editor.getValue();
        console.log(v)
    }
</script>
<!-- Scroll to top -->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<script src="/static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/static/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="/static/js/ruang-admin.min.js"></script>
<script src="/static/vendor/chart.js/Chart.min.js"></script>
<script src="/static/js/demo/chart-area-demo.js"></script>
</body>

</html>